<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <title>Sign Up</title>
  <meta name="author" content="Jake Rocheleau">
  <link rel="shortcut icon" href="http://static02.hongkiat.com/logo/hkdc/favicon.ico">
  <link rel="icon" href="http://static02.hongkiat.com/logo/hkdc/favicon.ico">
  <link rel="stylesheet" type="text/css" media="all" href="<c:url value="/resources/css/style.css" />">
  <link rel="stylesheet" type="text/css" media="all" href="<c:url value="/resources/css/responsive.css" />">


<script type="text/javascript">
var a1=100, a2 = 200;
a1 = a2-a1;
var a3 = true;
if(a1 > a2)
	a3 = false;
function name() {
	document.write("ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd");
} 
function openDaum(){
  win = window.open("http://www.daum.net", "_blank", "width=400, height=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no" );
}


mem = new Member();
mem.id = "dddd";
mem.password = "passssss";

function openDacu(){
docu = document.open(); 
 docu.write("aaaaaaaaddddd   :: "+ mem.id + mem.password); 
}

function openAlert(){
alert("dddddd"); 
}

function Member(){
	this.id;
	this.password;
}
window.onload = prepareButton;
var httpRequest;
function prepareButton() {
	 
	  document.getElementById("ajaxButton").onclick = function() { makeRequest('main.do'); };
	  alert("dddddd"); 
	  function makeRequest(url) {
	    if (window.XMLHttpRequest) { // Mozilla, Safari, ...
	      httpRequest = new XMLHttpRequest();
	    } else if (window.ActiveXObject) { // IE
	      try {
	        httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
	      } 
	      catch (e) {
	        try {
	          httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
	        } 
	        catch (e) {}
	      }
	    }

	    if (!httpRequest) {
	      alert('Giving up :( Cannot create an XMLHTTP instance');
	      return false;
	    }
	    httpRequest.onreadystatechange = alertContents;
	    httpRequest.open('GET', url);
	    httpRequest.send();
	  }

	  function alertContents() {
		  alert('httpRequest.readyState   ::   '+httpRequest.readyState);
	    if (httpRequest.readyState === 4) {
	    	alert('httpRequest.status   :'+httpRequest.status);
	      if (httpRequest.status === 200) {
	    	  var xmldoc = httpRequest.responseText;
	    	  alert('httpRequest.responseXML   :   '+xmldoc);
	    	  alert(root_node.firstChild.data);
	      } else {
	        alert('There was a problem with the request.');
	      }
	    }
	  }
	}

function close(){
	win.close();
}
function date(){
	date = new Date();
}

function back(){
	history.back();
}
name();

</script>
</head>

<body>

	<section id="container">
		<span class="chyron"><em><a href="http://www.hongkiat.com/blog/">&laquo; back to the site</a></em></span>
		<h2>Sign Up</h2>
		<form name="hongkiat" id="hongkiat-form" method="post" action="signup.do">
		<div id="wrapping" class="clearfix">
			<section id="aligned">
			<input type="email" name="emailid" id="email" placeholder="e-mail ID" autocomplete="off" tabindex="2" class="txtinput">
		
			<input type="password" name="password" id="password" placeholder="Password" autocomplete="off" tabindex="3" class="txtinput">
		
			<input type="password" name="confirm" id="confirm" placeholder="Confirm" tabindex="4" class="txtinput">
		
			</section>
			
			<section id="aside" class="clearfix">
				<section id="recipientcase">
				<h3>Recipient:</h3>
					<select id="recipient" name="recipient" tabindex="6" class="selmenu">
  						<option value="staff">Site Staff</option>
  						<option value="editor">Editor-in-Chief</option>
  						<option value="technical">Tech Department</option>
  						<option value="pr">Public Relations</option>
  						<option value="support">General Support</option>
					</select>
				</section>
				
				<section id="prioritycase">
					<h3>Priority:</h3>
					<span class="radiobadge">
						<input type="radio" id="low" name="priority" value="low">
						<label for="low">Low</label>
					</span>
				
					<span class="radiobadge">
						<input type="radio" id="med" name="priority" value="med" checked="checked">
						<label for="med">Medium</label>
					</span>
				
					<span class="radiobadge">
						<input type="radio" id="high" name="priority" value="high">
						<label for="high">High</label>
					</span>
				</section>
			</section>
		</div>


		<section id="buttons">
			<input type="reset" name="reset" id="resetbtn" class="resetbtn" value="Reset">
			<input type="submit" name="submit" id="submitbtn" class="submitbtn" tabindex="7" value="Sign Up">
			<input type="button" name="btn" id="ajaxButton"  tabindex="8" value="닫기" ">
			<h3><A href="javascript:openDacu()">닫기</A></h3>
			<br style="clear:both;">
		</section>
		</form>
	</section>

</body>
</html>